<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>

	<style type="text/css">
.ui-layout-north {
	z-index: 20 !important;
	overflow: visible;
}

.ui-layout-north .ui-layout-unit-content {
	overflow: visible;
}

.ui-widget {
	font-size: 9px !important;
}

.centro {
	width: 44%;
	position: absolute;
	top: 20%;
	left: 28%;
}

.vermelho {
	color: #e33b06;
	background-color: red;
	background-image: none;
}

.pt {
	closeText: 'Fechar';
	prevText: 'Anterior';
	nextText: 'Próximo';
	currentText: 'Começo';
	monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho',
		'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'];
	monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago',
		'Set', 'Out', 'Nov', 'Dez'];
	dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta',
		'Sábado'];
	dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb'];
	dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'];
	weekHeader: 'Semana';
	firstDay: 1;
	isRTL: false;
	showMonthAfterYear: false;
	yearSuffix: '';
	timeOnlyTitle: 'Só Horas';
	timeText: 'Tempo';
	hourText: 'Hora';
	minuteText: 'Minuto';
	secondText: 'Segundo';
	currentText: 'Data Atual';
	ampm: false;
	month: 'Mês';
	week: 'Semana';
	day: 'Dia';
	allDayText: 'Todo Dia'
}
;
</style>
	<title>SAIES - Sistema de Avaliação Institucional do Ensino
		Superior</title>
</h:head>

<h:body>

	<p:messages autoUpdate="true" id="messagesMain" />
	<ui:decorate template="/templateBase.xhtml">
		<ui:define name="center">
			<p:growl id="growl" life="3000" autoUpdate="true" />
			<h:form id="messages432432" acceptcharset="ISO-8859-1" lang="pt">
				<div align="center">
					<!-- 	<p:graphicImage id="imagesFundo" url="/images/saies.jpg" /> -->
				</div>
				<p:tabView>
					<br />
					<p:tab title="Caixa de Entrada" id="tabInbox">

						<br />
						<div align="right">
							<h:panelGrid columns="2">
								<p:commandButton value="Atualizar" icon="ui-icon-refresh"
									ajax="false"
									actionListener="#{mensagemBacking.criaListaGestao}" />

							</h:panelGrid>
						</div>
						<br />
						<p:dataTable value="#{mensagemBacking.listaGestao}" var="msd"
							emptyMessage="Não consta nenhuma mensagem na caixa de entrada.">

							<p:column headerText="ID">
								<div align="center">
									<h:outputText value="#{msd.msg.id}"
										rendered="#{msd.stat_leitura eq 'NLida'}"
										style="color:red;font-size:14px" />

									<h:outputText value="#{msd.msg.id}"
										rendered="#{msd.stat_leitura eq 'Lida'}" style="color:black" />
								</div>
							</p:column>

							<p:column headerText="De" style="height:5px"
								sortBy="#{msd.rementente.nome}">
								<h:outputText value="#{msd.rementente.nome}" />
							</p:column>

							<p:column headerText="Assunto" sortBy="#{msd.msg.assunto}">
								<div align="center">
									<h:outputText value="#{msd.msg.assunto}" />
								</div>
							</p:column>

							<p:column headerText="Prioridade">
								<div align="center">
									<h:outputText value="#{msd.msg.prioridade}" />
								</div>
							</p:column>

							<p:column headerText="Data/Horário"
								sortBy="#{ms.dataSolicitacao}">
								<div align="center">
									<h:outputText value="#{msd.msg.dataSolicitacao}">
										<f:convertDateTime pattern="dd/MM/yyyy - HH:mm"
											timeZone="GMT-3" />
									</h:outputText>
								</div>
							</p:column>

							<p:column headerText="Situação" sortBy="#{msd.msg.situacao}">
								<div align="center">
									<h:outputText value="#{msd.msg.situacao}" />
								</div>
							</p:column>

							<p:column headerText="Feedback">
								<div align="center">
									<h:outputText value="Mensagem Respondida"
										rendered="#{msd.msg.resposta eq 'Mensagem Respondida'}"
										style="color:green" />
									<h:outputText value="Aguardando Resposta"
										rendered="#{msd.msg.resposta eq 'Aguardando Resposta'}"
										style="color:red" />
								</div>
							</p:column>


							<p:column headerText="Visualizar">
								<div align="center">
									<p:commandButton icon="ui-icon-search"
										onclick="dlgInboxOS.show()"
										update=":formDetalheInbox:tblRespostasInbox,:formDetalheInbox"
										process="@all"
										actionListener="#{mensagemBacking.selecionaMensagem(msd.msg)}" />
								</div>
							</p:column>
						</p:dataTable>
					</p:tab>



				</p:tabView>
			</h:form>


			<p:dialog hideEffect="clip" id="dlg"
				footer="SAIES - Sistema de Avaliação Institucional do Ensino Superior"
				showEffect="clip" height="500" header="Detalhe da Solicitação"
				width="700" widgetVar="dlgDetalheOS" appendToBody="true"
				modal="true">
				<h:form id="formDetalhe" prependId="false"
					acceptcharset="ISO-8859-1" lang="pt">
					<h:panelGrid>
						<h:outputText value="ID Solicitação:" />
						<p:inputText value="#{mensagemBacking.mensagemSelecionada.id}"
							disabled="true" size="5" />
						<h:outputText value="Assunto:" />
						<p:inputText
							value="#{mensagemBacking.mensagemSelecionada.assunto}" size="80"
							disabled="true" />
						<h:outputText value="Prioridade:" />
						<p:inputText
							value="#{mensagemBacking.mensagemSelecionada.prioridade}"
							size="80" disabled="true" />
						<h:outputText value="Situação:" />
						<p:selectOneMenu value="#{mensagemBacking.situacaoMensagem}">
							<f:selectItem itemLabel="Selecione" itemDisabled="true" />
							<f:selectItem itemLabel="Cancelada" itemValue="Cancelada" />
							<f:selectItem itemLabel="Solicitação Concluida"
								itemValue="Solicitacao Concluida" />
						</p:selectOneMenu>
						<h:outputText value="Descrição da Solicitação:" />
						<p:inputTextarea autoResize="true" cols="50" rows="6"
							value="#{mensagemBacking.mensagemSelecionada.descricao}"
							maxlength="400" disabled="true"
							style="width:600px;background-color:white;" />
					</h:panelGrid>
					<br />
					<div align="center">
						<h:panelGrid columns="2">
							<p:commandButton value="Gravar"
								actionListener="#{mensagemBacking.atualizaSituacaoOS}"
								update="tblRespostas,growl" ajax="false" />
							<p:commandButton value="Cancelar" />
						</h:panelGrid>
					</div>
					<br />
					<p:separator />
					<br />
					<p:panel
						header=" #{mensagemBacking.totalComentarios} - comentário(s)"
						toggleable="true">
						<br />
						<h:outputText value="Comentário:" />
						<p:inputTextarea autoResize="true" cols="50" rows="5"
							maxlength="400" style="width:600px"
							value="#{mensagemBacking.comentSalvar.descricao}" />
						<br />
						<br />
						<div align="center">
							<h:panelGrid columns="2">
								<p:commandButton value="Postar" icon="ui-icon-check"
									actionListener="#{mensagemBacking.salvarComentario}"
									ajax="false" update="tblRespostas" process="@this" />
								<p:commandButton value="Cancelar" icon="ui-icon-cancel" />
							</h:panelGrid>
						</div>
						<br />

						<p:dataTable id="tblRespostas"
							value="#{mensagemBacking.listaComentarios}" var="c"
							emptyMessage="Não consta nenhum comentário para essa solicitação.">
							<p:column headerText="Comentários" style="height:20;width:550">
								<p:inputTextarea autoResize="true" cols="50" rows="3"
									value="#{c.descricao}" maxlength="400" disabled="true"
									style="width:550px;background-color:yellow;" />
								<div align="right">
									<h:outputText value="#{c.funcionario.nome} - " />
									<h:outputText value="#{c.dataComentario}">
										<f:convertDateTime
											pattern="EEEE,dd 'de' MMMM 'de' yyyy - HH:mm:ss"
											timeZone="GMT-3" locale="pt_BR" />
									</h:outputText>
								</div>
							</p:column>
						</p:dataTable>
					</p:panel>
				</h:form>
			</p:dialog>

			<p:dialog hideEffect="clip" id="dlgInbox"
				footer="SAIES - Sistema de Avaliação Institucional do Ensino Superior"
				showEffect="clip" height="500" header="Detalhe da Solicitação"
				width="700" widgetVar="dlgInboxOS" appendToBody="true" modal="true">
				<h:form id="formDetalheInbox" prependId="false"
					acceptcharset="ISO-8859-1" lang="pt">
					<h:panelGrid>
						<h:outputText value="ID Solicitação:" />
						<p:inputText value="#{mensagemBacking.mensagemSelecionada.id}"
							size="5" disabled="true" id="txtIdOS" />
						<h:outputText value="Assunto:" />
						<p:inputText
							value="#{mensagemBacking.mensagemSelecionada.assunto}" size="80"
							disabled="true" />
						<h:outputText value="Prioridade:" />
						<p:inputText
							value="#{mensagemBacking.mensagemSelecionada.prioridade}"
							size="80" disabled="true" />
						<h:outputText value="Situação:" />
						<p:selectOneMenu value="#{mensagemBacking.situacaoMensagem}">
							<f:selectItem itemLabel="Selecione" itemDisabled="true" />
							<f:selectItem itemLabel="Sendo Analisada"
								itemValue="Sendo Analisada" />
						</p:selectOneMenu>
						<h:outputText value="Descrição da Solicitação:" />
						<p:inputTextarea autoResize="true" cols="50" rows="6"
							value="#{mensagemBacking.mensagemSelecionada.descricao}"
							maxlength="400" disabled="true"
							style="width:600px;background-color:white;" />
					</h:panelGrid>
					<br />
					<div align="center">
						<h:panelGrid columns="2">
							<p:commandButton value="Gravar"
								actionListener="#{mensagemBacking.atualizaSituacaoOS}"
								update="tblRespostasInbox,growl" ajax="false" />
							<p:commandButton value="Cancelar" />
						</h:panelGrid>
					</div>
					<br />
					<p:separator />
					<br />
					<p:panel
						header=" #{mensagemBacking.totalComentarios} - comentário(s)"
						toggleable="true">
						<h:outputText value="Comentário:" />
						<p:inputTextarea autoResize="true" cols="50" rows="5"
							maxlength="400" style="width:600px"
							value="#{mensagemBacking.comentSalvar.descricao}" />
						<br />
						<br />
						<div align="center">
							<h:panelGrid columns="2">
								<p:commandButton value="Postar" icon="ui-icon-check"
									actionListener="#{mensagemBacking.salvarComentarioInbox}"
									ajax="false" update="tblRespostas,growl" process="@this" />
								<p:commandButton value="Cancelar" icon="ui-icon-cancel" />
							</h:panelGrid>
						</div>
						<br />

						<p:dataTable id="tblRespostasInbox"
							value="#{mensagemBacking.listaComentarios}" var="c"
							emptyMessage="Não consta nenhum comentário para essa solicitação.">
							<p:column headerText="Comentários" style="height:20;width:550">
								<p:inputTextarea autoResize="true" cols="50" rows="3"
									value="#{c.descricao}" maxlength="400" disabled="true"
									style="width:550px;background-color:yellow;" />
								<div align="right">
									<h:outputText value="#{c.funcionario.nome} - " />
									<h:outputText value="#{c.dataComentario}">
										<f:convertDateTime
											pattern="EEEE,dd 'de' MMMM 'de' yyyy - HH:mm:ss"
											timeZone="GMT-3" locale="pt_BR" />
									</h:outputText>
								</div>
							</p:column>
						</p:dataTable>
					</p:panel>
				</h:form>
			</p:dialog>


			<h:form id="formMsg" acceptcharset="ISO-8859-1" lang="pt">
				<p:dialog hideEffect="clip"
					footer="SAIES - Sistema de Avaliação Institucional do Ensino Superior"
					showEffect="clip" height="350" header="Enviar Mensagem" width="650"
					widgetVar="dlgMsg">
					<br />

					<h:panelGrid columns="2">

						<h:outputText value="Departamento: " />
						<p:selectOneMenu value="#{mensagemBacking.codDeptoSelecionado}"
							required="true" requiredMessage="Selecione o departamento!">
							<f:selectItem itemDisabled="true" itemLabel="Selecione" />
							<f:selectItems var="dpto"
								value="#{mensagemBacking.listaDepartamento}"
								itemLabel="#{dpto.nome}" itemValue="#{dpto.id}" />
							<p:ajax update="func" process="@this"
								listener="#{mensagemBacking.criaListaFuncionario}" />
						</p:selectOneMenu>

						<h:outputText value="Funcionário" />
						<p:selectOneMenu id="func"
							value="#{mensagemBacking.codFuncionarioSelecionado}">
							<f:selectItem itemLabel="Selecione" itemDisabled="true" />
							<f:selectItem itemLabel="Todos" itemValue="0" />
							<f:selectItems value="#{mensagemBacking.listaFuncionario}"
								var="f" itemLabel="#{f.nome}" itemValue="#{f.id}" />
						</p:selectOneMenu>

						<h:outputText value="Prioridade" />
						<p:selectOneMenu value="#{mensagemBacking.msgSalvar.prioridade}">
							<f:selectItem itemLabel="Selecione" itemDisabled="true" />
							<f:selectItem itemLabel="Baixa Prioridade"
								itemValue="Baixa Prioridade" />
							<f:selectItem itemLabel="Média Prioridade"
								itemValue="Media Prioridade" />
							<f:selectItem itemLabel="Alta Prioridade"
								itemValue="Alta Prioridade" />
							<f:selectItem itemLabel="Emergência" itemValue="Emergencia" />
						</p:selectOneMenu>

						<h:outputText value="Assunto: " />
						<p:inputText size="100" maxlength="200"
							value="#{mensagemBacking.msgSalvar.assunto}" />
					</h:panelGrid>
					<br />

					<h:panelGrid>
						<h:outputText value="Descrição da Solicitação:" />
						<p:inputTextarea autoResize="true" cols="50" rows="6"
							value="#{mensagemBacking.msgSalvar.descricao}" maxlength="400"
							style="width:600px" />
					</h:panelGrid>
					<br />
					<div align="center">
						<h:panelGrid columns="2">

							<p:commandButton value="Gravar"
								actionListener="#{mensagemBacking.salvarMensagem}" ajax="false"
								update="growl" />
							<p:commandButton value="Cancelar" />

						</h:panelGrid>
					</div>
				</p:dialog>
			</h:form>

			<p:dialog hideEffect="clip"
				footer="SAIES - Sistema de Avaliação Institucional do Ensino Superior"
				showEffect="clip" height="400" header="Detalhe da Solicitação"
				width="650" widgetVar="dlgAviso" appendToBody="true" modal="true">
				<h:form id="formAviso" prependId="false" acceptcharset="ISO-8859-1"
					lang="pt">
					<h:panelGrid>
						<h:outputText value="ID:" />
						<p:inputText value="#{mensagemBacking.mensagemSelecionada.id}"
							disabled="true" size="5" />
						<h:outputText value="Assunto:" />
						<p:inputText
							value="#{mensagemBacking.mensagemSelecionada.assunto}" size="80"
							disabled="true" />
						<h:outputText value="Situação:" />
						<p:inputText
							value="#{mensagemBacking.mensagemSelecionada.situacao}" size="80"
							disabled="true" />
						<h:outputText value="Descrição da Solicitação:" />
						<p:inputTextarea autoResize="true" cols="50" rows="6"
							value="#{mensagemBacking.mensagemSelecionada.descricao}"
							maxlength="400" disabled="true"
							style="width:600px;background-color:white;" />
					</h:panelGrid>
					<br />
					<h:outputText value="Comentário:" />
					<p:inputTextarea autoResize="true" cols="50" rows="5"
						maxlength="400" style="width:600px"
						value="#{mensagemBacking.comentSalvar.descricao}" />
					<br />
					<br />
					<div align="center">
						<h:panelGrid columns="2">
							<p:commandButton value="Postar" icon="ui-icon-check"
								actionListener="#{mensagemBacking.salvarComentarioAvisosGerais}"
								ajax="false" update="tblRespostas,growl" process="@this" />
							<p:commandButton value="Cancelar" icon="ui-icon-cancel" />
						</h:panelGrid>
					</div>
					<br />

					<p:dataTable id="tblComentarios"
						value="#{mensagemBacking.listaComentarios}" var="c"
						emptyMessage="Não consta nenhum comentário para essa solicitação.">
						<p:column headerText="Comentários" style="height:20;width:550">
							<p:inputTextarea autoResize="true" cols="50" rows="3"
								value="#{c.descricao}" maxlength="400" disabled="true"
								style="width:550px;background-color:yellow;" />
							<div align="right">
								<h:outputText value="#{c.funcionario.nome} - " />
								<h:outputText value="#{c.dataComentario}">
									<f:convertDateTime
										pattern="EEEE,dd 'de' MMMM 'de' yyyy - HH:mm:ss"
										timeZone="GMT-3" locale="pt_BR" />
								</h:outputText>
							</div>
						</p:column>
					</p:dataTable>
				</h:form>
			</p:dialog>

			<h:form id="formEnviaAviso" acceptcharset="ISO-8859-1" lang="pt">
				<p:dialog hideEffect="clip"
					footer="SAIES - Sistema de Avaliação Institucional do Ensino Superior"
					showEffect="clip" height="280" header="Nova Mensagem" width="650"
					widgetVar="dlgEnviarAvisoGeral">
					<br />
					<h:panelGrid>
						<h:outputText value="Assunto: " />
						<p:inputText size="100" maxlength="200"
							value="#{mensagemBacking.msgSalvar.assunto}" />
					</h:panelGrid>
					<br />
					<h:panelGrid>
						<h:outputText value="Descrição da Solicitação:" />
						<p:inputTextarea autoResize="true" cols="50" rows="6"
							value="#{mensagemBacking.msgSalvar.descricao}" maxlength="400"
							style="width:600px" />
					</h:panelGrid>
					<br />
					<div align="center">
						<h:panelGrid columns="2">

							<p:commandButton value="Gravar" update="growl"
								actionListener="#{mensagemBacking.salvarAvisoGeral}"
								ajax="false" />
							<p:commandButton value="Cancelar" />

						</h:panelGrid>
					</div>
				</p:dialog>
			</h:form>
		</ui:define>
	</ui:decorate>
</h:body>
</html>